<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="./resources/login.ico">
    <!-- Bootstrap core CSS -->
    <link href="./bootstrap/css/bootstrap.min.css" rel="stylesheet">    
    <script src="./jquery/jquery.min.js"></script>
    <script src="./bootstrap/js/bootstrap.min.js"></script>
    <script src="./login.js"></script>
    <title>登录</title>
    
    <!-- video required -->
    <script src="./bootstrap/js/Vidage.min.js"></script>
    <link rel="stylesheet" type="text/css" href="./bootstrap/css/htmleaf-demo.css">
	<link rel="stylesheet" href="./bootstrap/css/init.css" />
    <link rel="stylesheet" href="./bootstrap/css/Vidage.css" />

    <!-- Custom styles for this template -->
    <link href="./bootstrap/css/login.css" rel="stylesheet">

    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
   <!--  <script src="../../assets/js/ie-emulation-modes-warning.js"></script> -->

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>

  <body>
     <div class="Vidage">
       <div class="Vidage__image"></div>

       <video id="VidageVideo" class="Vidage__video" preload="metadata" loop autoplay>
           <!-- <source src="videos/bg.webm" type="video/webm"> -->
           <source src="resources/videos/bg.mp4" type="video/mp4">
       </video>

       <div class="Vidage__backdrop"></div>
   	</div>
    <div class="Container Intro">
      <form class="form-signin">
        <h2 class="form-signin-heading">请登录</h2>
        <label for="inputEmail" class="sr-only">邮箱地址/手机号码</label>
        <input type="email" id="inputEmail" class="form-control" placeholder="邮箱地址/手机号码" required autofocus>
        <label for="inputPassword" class="sr-only">密码</label>
        <input type="password" id="inputPassword" class="form-control" placeholder="密码" required>
        <div class="checkbox">
          <label>
            <input type="checkbox" value="remember-me"> 记住我
          </label>
        </div>
        <button class="btn btn-lg btn-primary btn-block" type="submit" onclick="doLogin();">登录</button>
      </form>
    </div> <!-- /container -->


    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <!-- <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script> -->
  </body>
</html>
